$("#wechat").hover(
		function(){
			$("#shift-in").fadeToggle(300).show(function(){
				$("#shift-in").css("display","block");
			});
		},
		function(){
			$("#shift-in").hide();
		}
	)
var cityTrigger = document.querySelector('.current-city');
var cityMenu = document.querySelector('.city-menu');
 
// 当点击城市触发元素时，切换菜单的显示状态
cityTrigger.addEventListener('click', function(event) {
    // 阻止默认事件（如果有的话），比如链接的跳转
    event.preventDefault();
    
    // 切换菜单的显示状态
    cityMenu.style.display = (cityMenu.style.display === 'block') ? 'none' : 'block';
    
    // 阻止事件冒泡到父元素，避免触发额外的悬停效果（可选）
    event.stopPropagation();
});
 
// 当点击菜单中的城市时，更新触发元素的内容并隐藏菜单
cityMenu.addEventListener('click', function(event) {
    var target = event.target;
    
    // 确保点击的是菜单中的链接
    if (target.tagName === 'A') {
        // 更新触发元素（当前城市）的文本
        cityTrigger.textContent = target.textContent;
        
        // 隐藏菜单
        cityMenu.style.display = 'none';
        
        // 这里可以添加额外的逻辑，比如根据选择的城市加载不同的内容
    }
    
    // 阻止事件冒泡（可选，但在这个场景中可能是有用的）
    event.stopPropagation();
});
 
// 可选的：当点击菜单之外的任何地方时，隐藏菜单
document.addEventListener('click', function() {
    cityMenu.style.display = 'none';
});
 
// 阻止点击菜单之外的任何地方时隐藏菜单的逻辑应用到菜单内部和触发元素上
cityMenu.addEventListener('click', function(event) {
    event.stopPropagation();
});
cityTrigger.addEventListener('click', function(event) {
    event.stopPropagation();
});